@charset "utf8";
main{
	width: 100%;
	height: 5000px;
	font: 16px "微软雅黑";
	font-weight: 400;
	back ground: #ffff7f;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	
}
/* 面包屑导航 */
.sticky{
	position: fixed;
	top: 0;
	width: 1224px;
	height: 92px;
	background-color: #fff;
}
 main nav{
	width: 1224px;
	height: 92px;
	margin: 0 auto;
	back ground: #aaffff;
}
main nav div.wrapper{
	width: 920px;
	height: 92px;
	mar gin: 0 auto;
	back ground: black;
}
main nav div#wrapper div.head_left{
	width: 800px;
	height: 92px;
	float: left;
	bac kground: #aa00ff;
}
main nav div#wrapper div.head_left ul li{
	line-height: 92px;
	text-align: center;
	float: left;
	padding: 0 8px;
}
main nav div#wrapper div.head_left ul li img{
	position: relative;
	bottom: -10px;
}
main nav div#wrapper div.head_left ul li img.logo{
	position: relative;
	bottom: -15px;
}
main nav div#wrapper div.head_left ul li a:hover{
	color: #ff6700;
}
main nav div#wrapper div.head_right{
	width: 266px;
	height: 45px;
	border: 1px solid #e0e0e0;
	float: right;
	position: relative;
	bottom: -19px;
}
main nav div#wrapper div.head_right ul li{
	float: right;
}
main nav div#wrapper div.head_right ul li.seek i{
	border-left: 1px solid #e0e0e0;
	padding: 12px 25px;
	position: relative;
	bottom: -12px;
	background: url(../img/search.png) no-repeat;
	background-position: center center;
}
main nav div#wrapper div.head_right ul li a{
	font: 14px "微软雅黑";
	background: #eee;
	line-height: 45px;
	padding: 0 6px;
	margin: 4px;
}
main nav div#wrapper div.head_right ul li a:hover{
	background: #ff6700;
	color: #ffffff;
}
/* --------------------------左栏------------------------------ */
main div#lun aside{
	width: 234px;
	height: 415px;
	background: #8c8c8c;
	float: left;
}
main div#lun aside ul.sidebar{
	margin-top: 14px;
}
main div#lun aside ul.sidebar li{
	line-height: 38px;
	font-size: 14px;
	color: #ffffff;
	padding-left: 30px;
}

main div#lun aside ul.sidebar li span{
	font-size: 14px;
	color: #ffffff;
	float: right;
	margin-right: 30px;
	margin-top: 12px;
}
main div#lun aside ul.sidebar li:hover{
	background: #ff6700;
}
main div#lun aside ul.sidebar div.out{
	width: 400px;
	height:415px ;
	border: 1px solid #fff;
	background: #000000;
	position: absolute;
	left: 333px;
	top: 134px;
	display: none;
	z-index: 100;
	
}

/*--------------------------轮播图------------------------- */
main div#lun{
	width: 1224px;
	height: 415px;
	margin: 0 auto;
	back ground: #00aaff;
	z-in dex: 500;
}
 main figure{
	width: 990px;
	height: 415px;
	back ground: #ffaaff;
	float: right;
	z-in dex: 100;
}
main figure img{
	height: 415px;
	z-in dex: 100;
} 
/* ---------------------------下栏--------------------------------- */
main div#unicom{
	width: 1224px;
	height: 170px;
	back ground: #000;
	margin: 17PX auto;
}
main div#unicom ul li{
	float: left;
	padding-right: 13px;
}
main div#unicom ul li.last{
	float: right;
	padding-right: 0;
}
main div#unicom ul li:nth-child(2) img:hover{
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#unicom ul li:nth-child(3) img:hover{
    box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#unicom ul li.last img:hover{
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
/* ---------------------------小米明星单品---------------------- */
main div#one {
	width: 1224px;
	height: 88px;
	background:#fff;
	margin: 0 auto;
}
main div#one h1{
    font: 24px "微软雅黑";
	color: black;
	float: left;
	position: relative;
	bottom: -35px;
}
main div#one ul li{
	width: 34px;
	height: 25px;
	float: right;
	border: 1px solid #e0e0e0;
	margin-top: 35px;
	text-align: center;
}
main div#one ul li:hover{
	background: #666;
}
/* -------------明星单品图片------------------ */
main div.container_star dl{
		float: left;
		margin-right: 18px;
}
main div.container_star dl#charge{
	border-top:1px soild #ffac13;
}
main div.container_star dl#air{
	border-top: 1px solid #83c44e;
}
main div.container_star dl#air dt img{
	margin-top: 43px;
}
main div.container_star dl#air dd.product_name{
	margin-top: -27px;
}
main div.container_star dl#air dd.product_content{
	margin-top: 1px;
}
main div.container_star dl#air dd.product_price{
	margin-top: -1px;
}
main div.container_star dl#ai{
	border-top:1px solid #2196f3;
}
main div.container_star dl#ai dt img{
	margin-top: 104px;
}
main div.container_star dl#ai dd.product_name{
	margin-top: 14px;
}
main div.container_star dl#ai dd.product_content{
	margin-top: 1px;
}
main div.container_star dl#ai dd.product_price{
	margin-top: -1px;
}
main div.container_star dl#earphone{
	border-top:1px solid #e53935;
}
main div.container_star dl#earphone dt img{
	margin-top: 71px;
}
main div.container_star dl#earphone dd.product_name{
	margin-top: -50px;
}
main div.container_star dl#earphone dd.product_content{
	margin-top: 1px;
}
main div.container_star dl#earphone dd.product_price{
	margin-top: -1px;
}
main div.container_star dl#cat{
	border-top: 1px solid #00c0a5;
	float: right;
	margin-right: 0;
}
main div.container_star dl#cat dt img{
	margin-top: 64px;
}
main div.container_star dl#cat dd.product_name{
	margin-top: -33px;
}
main div.container_star dl#cat dd.product_content{
	margin-top: 1px;
}
main div.container_star dl#cat dd.product_price{
	margin-top: -1px;
}
/* ----------------------智能硬件------------------------ */	
main div#two {
	wi dth: 100%;
	he ight: 4270px;
	ba ckground:#f5f5f5;
}
main div#two div.look {
	width: 1224px;
	height: 88px;
	back ground: #55ffff;
	margin: 0 auto;
}
main div#two div.look h1{
	font: 24px "微软雅黑";
	color: black;
	float: left;
	position: relative;
	bottom: -35px;
}
main div#two div.look ul li{
    color: #000;
	float: right;
	position: relative;
	bottom: -40px;
}
main div#two div.intelligent_hardware {
	he ight: 614px;
	wi dth: 1224px;
	ma rgin: 0 auto;
}
main div#two div.intelligent_hardware div.first dl{
	float: left;
	width:236px ;
	height:614px ;
}
main div#two div.intelligent_hardware div.first dl dd{
	position: relative;
	top: -600px;
	text-align: center;
	padding: 10px;
}
main div#two div.intelligent_hardware div.first dl dd.product_name{
	padding: 10px;
	font-size: 24px;
	color: #000;
}
main div#two div.intelligent_hardware div.first dl dd.product_content{
	font-size: 16px;
	color: #333;
}
main div#two div.intelligent_hardware div.first dl dd.product_price{
	padding: 40px;
	font-size: 30px;
	color: #00abff;
}
main div#two div.intelligent_hardware div.second dl{
	width:229px;
	height: 300px;
	background: #ffffff;
	float: left;
	margin-left: 18px;
	text-align: center;
	display: grid;
	grid-template-rows:repeat(4,30px);
} 
main div#two div.intelligent_hardware div.second dl dd.product_name{
	color: #000000;
	font-size: 16px;
	line-height: 15px;
}
main div#two div.intelligent_hardware div.second dl dd.product_content{
	color: #afafaf;
	font-size: 14px;
	line-height: 14px;
}
main div#two div.intelligent_hardware div.second dl dd.product_price{
	color: #ff6709;
	font-size: 14px;
}
main div#two div.intelligent_hardware div.second dl dd{
	position: relative;
	bottom: -170px;
}
main div#two div.intelligent_hardware div.second dl:first-child dt{
	margin: 65px auto;
}
main div#two div.intelligent_hardware div.second dl:hover{
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#two div.intelligent_hardware div.third dl{
	width: 229px;
	height: 300px;
	background: #ffffff;
	float: left;
	margin-left: 18px;
	text-align: center;
	margin-top: 14px;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#two div.intelligent_hardware div.third dl dd{
	position: relative;
	bottom: -170px;
}
main div#two div.intelligent_hardware div.third dl dd.product_name{
	color: #000;
	font-size: 16px;
	line-height: 15px;
}
main div#two div.intelligent_hardware div.third dl dd.product_content{
	color: #afafaf;
	font-size: 14px;
	line-height: 14px;
}
main div#two div.intelligent_hardware div.third dl dd.product_price{
	color: #ff6709;
	font-size: 14px;
}
main div#two div.intelligent_hardware div.third dl:hover{
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
/* -------------------搭配----------------------- */
main div#two div#match{
	width: 1224px;
	height: 88px;
	back ground: #55ffff;
	margin: 0 auto;
}
main div#two div#match h1{
	fo nt-size: 24px;
	fl oat: left;
	po sition: relative;
	co lor: #000;
	bo ttom: -35px;
}
main div#two div#match ul li{
	fl oat: right;
	po sition: relative;
	bo ttom:-35px ;
	color: #000;
	pa dding:12px ;
	font-size: 19px;
}
main div#two div#match ul li:hover{
	he ight: 15px;
	bo rder-bottom: 2px solid #ff6700;
	co lor: #ff6700;
}
main div#two div#six{
	width: 1224px;
	height: 614px;
	margin: 0 auto;
	color: #aaaa7f;
}
main div#two div#six div.seven{
	wi dth: 1224px;
	he ight: 307px;
}
main div#two div#six div.seven dl{
	wi dth: 229px;
	he ight: 300px;
	ba ckground: #ffffff;
	fl oat: left;
	ma rgin-left:19.7px;
	te xt-align: center;
	di splay: grid;
	gr id-template-rows: repeat(4,30px);
}
main div#two div#six div.seven dl.eight{
	ma rgin-left: 0;
}
main div#two div#six div.seven dl dt.p1{
	margin-top: 20px;
}
main div#two div#six div.seven dl dt.p2{
	margin-top: 25px;
}
main div#two div#six div.seven dl dt.p3{
	margin-top: 70px;
}
main div#two div#six div.seven dl dt.p4{
	margin-top: 20px;
}
main div#two div#six div.seven dl dd{
	bo ttom: -170px;
	po sition: relative;
}
main div#two div#six div.seven dl dd.c1{
	co lor: #000;
	fo nt-size: 16px;
	li ne-height:15px ;
}
main div#two div#six div.seven dl dd.c2{
	co lor: #afafaf;
	fo nt-size: 14px;
	li ne-height:14px ;
}
main div#two div#six div.seven dl dd.c3{
	co lor: #ff6709;
	fo nt-size: 14px;
}
main div#two div#six div.seven dl:hover{
	bo x-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#two div#six div.under{
	width: 1224px;
	height: 307px;
}
main div#two div#six div.under dl{
	width: 229px;
	height: 300px;
	background: #fff;
	float: left;
	margin-left:19.7px;
	text-align: center;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#two div#six div.under dl.eight{
	margin-left: 0;
}
main div#two div#six div.under dl dd{
	position: relative;
	bottom: -170px;
}
main div#two div#six div.under dl dd.p1{
	margin-top: 20px;
}
main div#two div#six div.under dl dt.p2{
	margin-top: 25px;
}
main div#two div#six div.under dl dt.p3{
	margin-top: 35px;
}
main div#two div#six div.under dl dd.c1{
	color: #000;
	font-size: 16px;
	line-height:15px ;
}
main div#two div#six div.under dl dd.c2{
	color: #afafaf;
	font-size: 14px;
	line-height:14px ;
}
main div#two div#six div.under dl dd.c3{
	color: #ff6709;
	font-size: 14px;
}
main div#two div#six div.under dl:hover{
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#two div#six div.under dl dt.more{
	margin-top: 130px;
}
main div#two div#six div.under dl.uu{
	background: #f5f5f5;
}
/* ----------------------周边---------------------- */
main div#two div#surrounding{
	width: 1224px;
	height: 88px;
	back ground: #55557f;
	margin: 0 auto;
}
main div#two div#surrounding h1{
	font-size: 24px;
	float: left;
	position: relative;
	color: #000;
	bottom: -35px;
}
main div#two div#surrounding ul li{
	float: right;
	position: relative;
	bottom:-35px ;
	color: #000;
	padding:12px ;
	font-size: 19px;
}
main div#two div#surrounding ul li:hover{
	height: 15px;
	border-bottom: 2px solid #ff6700;
	color: #ff6700;
}
main div#two div#nine{
	wi dth: 1224px;
	he ight: 614px;
	ma rgin: 0 auto;
	color: #aaaa7f;
}
main div#two div#nine div.zs{
	wi dth: 1224px;
	he ight: 307px;
}
main div#two div#nine div.zs dl{
	wi dth: 229px;
	he ight: 300px;
	ba ckground: #fff;
	fl oat: left;
	ma rgin-left:19.7px;
	ma rgin-top: 7px;
	te xt-align: center;
	di splay: grid;
	gr id-template-rows: repeat(4,30px);
}
main div#two div#nine div.zs dl{
	margin-top: 0.2px;
}
main div#two div#nine div.zs dl.cxb{
	margin-left: 0px;
}
main div#two div#nine div.zs dl dd{
	position: relative;
	bottom: -170px;
}
main div#two div#nine div.zs dl dd.c1{
	color: #000;
	font-size: 16px;
	line-height: 15px;
}
main div#two div#nine div.zs dl dd.c2{
	color: #ff6709;
	font-size: 14px;
	line-height: 14px;
}
main div#two div#nine div.zs dl dd.c3{
	color: #afafaf;
	font-size: 14px;
}
main div#two div#nine div.zs dl:hover{
	bo x-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#two div#nine div.zxa{
	width: 1224px;
	height: 307px;
}
main div#two div#nine div.zxa dl{
	wi dth: 229px;
	he ight: 300px;
	ba ckground: #fff;
	fl oat: left;
	ma rgin-left:19.7px;
	ma rgin-top: 7px;
	te xt-align: center;
	di splay: grid;
	gr id-template-rows: repeat(4,30px);
}
main div#two div#nine div.zxa dl.ear{
	margin-left: 0;
}
main div#two div#nine div.zxa dl dd{
	position: relative;
	bottom: -170px;
}
main div#two div#nine div.zxa dl dd.e1{
	color: #000;
	font-size: 16px;
	line-height: 15px;
}
main div#two div#nine div.zxa dl dd.e2{
	color: #ff6709;
	font-size: 14px;
	line-height: 14px;
}
main div#two div#nine div.zxa dl dd.e3{
	color: #afafaf;
	font-size: 14px;
}
main div#two div#nine div.zxa dl:hover{
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#two div#nine div.zxa dl dt.more1{
	margin-top: 130px;
}
main div#two div#nine div.zxa dl.kk{
	background: #f5f5f5;
}
/* ---------------------------------配件---------------------------- */
main div#two div#thing{
	width: 1224px;
	height: 88px;
	back ground: #55ffff;
	margin: 0 auto;
}
main div#two div#thing h1{
	font-size: 24px;
	float: left;
	position: relative;
	color: #000;
	bottom: -35px;
}
main div#two div#thing ul li{
	float: right;
	position: relative;
	bottom:-35px ;
	color: #000;
	padding:12px ;
	font-size: 19px;
}
main div#two div#thing ul li:hover{
	height: 15px;
	border-bottom: 2px solid #ff6700;
	color: #ff6700;
}
main div#two div#ten{
	width: 1224px;
	height: 614px;
	margin: 0 auto;
	color: #aaaa7f;
}
main div#two div#ten div.pjs{
	width: 1224px;
	height: 307px;
}
main div#two div#ten div.pjs dl{
	width: 229px;
	height: 300px;
	background: #fff;
	float: left;
	margin-left:19.7px;
	margin-top: 7px;
	text-align: center;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#two div#ten div.pjs dl{
	margin-top: 0.2px;
}
main div#two div#ten div.pjs dl.spring{
	margin-left: 0;
}
main div#two div#ten div.pjs dl.spring dt{
	margin-top: 0;
}
main div#two div#ten div.pjs dl dt{
	margin-top: 30px;
}
main div#two div#ten div.pjs dl dd{
	position: relative;
	bottom: -170px;
}
main div#two div#ten div.pjs dl dd.c1{
	color: #000;
	font-size: 16px;
	line-height: 15px;
}
main div#two div#ten div.pjs dl dd.c2{
	color: #ff6709;
	font-size: 14px;
	line-height: 15px;
}
main div#two div#ten div.pjs dl dd.c3{
	color: #afafaf;
	font-size: 14px;
}
main div#two div#ten div.pjs dl:hover{
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#two div#ten div.pjx{
	width: 1224px;
	height: 307px;
}
main div#two div#ten div.pjx dl{
	width: 229px;
	height: 300px;
	background: #fff;
	float: left;
	margin-left:19.7px;
	margin-top: 7px;
	text-align: center;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#two div#ten div.pjx dl.league{
	margin-left: 0;
}
main div#two div#ten div.pjx dl.league dt{
	margin-top: 0;
}
main div#two div#ten div.pjx dl.xx dt{
	margin-top: 0;
}
main div#two div#ten div.pjx dl dt{
	margin-top: 30px;
}
main div#two div#ten div.pjx dl dd{
	position: relative;
	bottom: -170px;
}
main div#two div#ten div.pjx dl dd.c1{
	color: #000;
	font-size: 16px;
	line-height: 15px;
}
main div#two div#ten div.pjx dl dd.c2{
	color: #ff6709;
	font-size: 14px;
	line-height: 14px;
}
main div#two div#ten div.pjx dl dd.c3{
	color: #afafaf;
	font-size: 14px;
}
main div#two div#ten div.pjx dl:hover{
	box-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
main div#two div#ten div.pjx dl dt.more2{
	margin-top: 130px;
}
main div#two div#ten div.pjx dl.xx{
	background: #f5f5f5;
}
/* -----------------------------热评产品--------------------------- */
main div#two div#hot{
	width: 1224px;
	height: 88px;
	back ground: #55ffff;
	margin: 0 auto;
}
main div#two div#hot h1{
	font-size: 24px;
	float: left;
	position: relative;
	bottom: -35px;
	color: #000;
}
main div#two div#rpcp{
	width: 1224px;
	height: 420px;
	margin: 0 auto;
}
main div#two div#rpcp dl{
	width: 296px;
	height: 420px;
	float: left;
	margin-left: 13px;
	background: #fff;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#two div#rpcp dl dd{
	position: relative;
	bottom: -210px;
}
main div#two div#rpcp dl dd.cc{
	width: 250px;
	color: #000;
	font-size: 14px;
	margin-left: 24px;
}
main div#two div#rpcp dl dd.ee{
	color: #ccd7d7;
	font-size: 12px;
	margin-left: 24px;
	margin-top: 70px;
}
main div#two div#rpcp dl ul{
	margin-top:290px;
}
main div#two div#rpcp dl ul li{
	margin-left:24px;
	float: left;
	font-size: 14px;
	color: #000;
}
main div#two div#rpcp dl ul li.oo{
	border-left: 1px solid #b0b0b0;
	padding-left: 13px;
	color: #ff6700;
}
main div#two div#rpcp dl:first-child{
	margin-left:0;
}
main div#two div#rpcp dl:hover{
	box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.3);
}
/* -------------------------------内容------------------------------- */
main div#two div#nr{
	width: 1224px;
	height: 88px;
	back ground: #550000;
	margin: 0 auto;
}
main div#two div#nr h1{
	font-size: 24px;
	float: left;
	position: relative;
	bottom: -35px;
	color: #000;
}
main div#two div#book{
	width: 1224px;
	height: 420px;
	back ground: #aaaa00;
	margin: 0 auto;
}
main div#two div#book dl{
	width: 291px;
	height: 420px;
	background: #fff;
	margin-left: 20px;
	float: left;
	text-align: center;
	display: grid;
	grid-template-rows: repeat(4,30px);
}
main div#two div#book dl.k1{
	border-top: 1px solid #ffac13;
	margin-left: 0;
}
main div#two div#book dl.k2{
	border-top: 1px solid #83c44e;
}
main div#two div#book dl.k3{
	border-top: 1px solid #e53935;
}
main div#two div#book dl.k4{
	border-top: 1px solid #2196f3;
}
main div#two div#book dl dt{
	margin-top: 125px;
}
main div#two div#book dl.k1 dt{
    margin-top: 120px;
}
main div#two div#book dl.k2 dt{
    margin-top: 100px;
}
main div#two div#book dl dd{
    margin-top: 50px;
}
main div#two div#book dl.k1 dd.ts{
    color: #ffac13;
}
main div#two div#book dl.k2 dd.zt{
    color: #83c44e;
}
main div#two div#book dl.k3 dd.yx{
    color: #e53935;
}
main div#two div#book dl.k4 dd.yy{
    color: #2196f3;
}
main div#two div#book dl dd.fu{
    font-size: 20px;
	color: #000;
	line-height: 60px;
}
main div#two div#book dl dd.db{
	wi dth: 200px;
    fo nt-size: 12px;
	co lor: #b0bac7;
	li ne-height: 20px;
	ma rgin-left: 45px;
	ma rgin-top: 70px;
}
main div#two div#book dl dd.jg{
    font-size: 14px;
	color: #000;
	line-height: 130px;
}
main div#two div#book dl:hover{
    b ox-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}
/* ----------------------------------视频-------------------------- */
main div#two div#video{
    width: 1224px;
	height: 88px;
	back ground: #aa007f;
	margin: 0 auto;
}
main div#two div#video h1{
    font-size: 24px;
	float: left;
	position: relative;
	bottom: -35px;
	color: #000;
}
main div#two div#video ul li{
    float: right;
	position: relative;
	bottom: -40px;
	color: #000;
}
main div#two div#sixteen{
    width:1224px ;
	height: 300px;
	margin: 0 auto;
	back ground: #aaaa00;
}
main div#two div#sixteen dl{
    wi dth:296px ;
	he ight: 300px;
	ma rgin-left: 13px;
	ba ckground: #fff;
	te xt-align: center;
	fl oat: left;
	di splay: grid;
	gr id-template-rows: repeat(4,30px);
}
main div#two div#sixteen dl dd{
	margin-top: 150px;
}
main div#two div#sixteen dl dd.nn{
	font-size: 14px;
	color: #000;
}
main div#two div#sixteen dl dd.rr{
	font-size: 12px;
}
main div#two div#sixteen dl.st{
	margin-left: 0;
}
main div#two div#sixteen dl dt.bf{
	margin-top: 115px;
	margin-left: -220px;
}
main div#two div#sixteen dl:hover{
	bo x-shadow: 5px 5px 30px rgba(0,0,0,0.3);
}





